<template>
  <a-layout-sider width="200">
    <a-menu
      mode="inline"
      defaultSelectedKeys="['1']"
      defaultOpenKeys="['sub1']"
      style="height: 100%; border-right: 0"
    >
      <a-sub-menu key="sub1">
        <template #title>
          <span>导航一</span>
        </template>
        <a-menu-item key="1">选项1</a-menu-item>
        <a-menu-item key="2">选项2</a-menu-item>
        <a-menu-item key="3">选项3</a-menu-item>
        <a-menu-item key="4">选项4</a-menu-item>
      </a-sub-menu>
      <a-sub-menu key="sub2">
        <template #title>
          <span>导航二</span>
        </template>
        <a-menu-item key="5">选项5</a-menu-item>
        <a-menu-item key="6">选项6</a-menu-item>
        <a-menu-item key="7">选项7</a-menu-item>
        <a-menu-item key="8">选项8</a-menu-item>
      </a-sub-menu>
      <a-sub-menu key="sub3">
        <template #title>
          <span>导航三</span>
        </template>
        <a-menu-item key="9">选项9</a-menu-item>
        <a-menu-item key="10">选项10</a-menu-item>
        <a-menu-item key="11">选项11</a-menu-item>
        <a-menu-item key="12">选项12</a-menu-item>
      </a-sub-menu>
    </a-menu>
  </a-layout-sider>
</template>

<script setup lang="ts"></script>

<style scoped></style>
